import { useState } from 'react'
import './App.css'
import ReactMapLayer from "./OpenLayers.jsx"
import MapLayer from "./MapLayers.jsx"


const data = [
  { lat: 308.88459578445764, lng: 529.4027136959689, content: '<div>Marker 1</div>' },
  { lat: 453.934740770997, lng: 490.44556000575244, content: '<div>Marker 1</div>' },
  { lat: 367.7086661653202, lng: 652.3500747722405, content: '<div>Marker 1</div>' },
  // ... 其他 Marker 数据
];
function App() {
  const [count, setCount] = useState(0)
  return (
        // <ReactMapLayer center={[0,0]} zoom={1}>
        // </ReactMapLayer>
      <MapLayer data={data}></MapLayer>
  )
}
export default App
